@charset "utf-8";

/* CSS Document */

/*common*/

.mb10 { margin-bottom:10px;}

.ml10 { margin-left:10px;}

.bg { background:#FFF;}

em,i{ font-style:normal;}



/**/

.banner{ height:530px;position:relative;}

.banner em{ display:block; position:absolute; top:0; width:100%; background:url(../images/ban_bg.png) repeat-x center top; height:4px; left:0;}

.banner a{ display:block; height:530px; overflow:hidden;}



.sou{ height:83px; background:#F2F2F2; overflow:hidden;-moz-box-shadow: 2px 2px 3px #dddddd;
    -webkit-box-shadow: 2px 2px 3px #dddddd;
    box-shadow: 2px 2px 3px #dddddd;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dddddd')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#dddddd');}

.s_inp01{ width:720px;  padding-top:26px; height:83px;margin:0 auto}

.inp01{ width:630px; height:35px; font:14px "Microsoft YaHei";line-height:35px; background:url(../images/sou1.gif) no-repeat; border:0 ; color:#999; font-size:12px; text-indent:10px;float:left}

.inp02{ background:url(../images/sou2.gif) no-repeat; width:80px; height:35px; border:0; cursor:pointer;float:left;text-indent:-1000px}

.sou h2{ width:465px; height:50px; overflow:hidden; font:20px "Microsoft YaHei"; color:#fff; margin-top:26px; float:left;text-align:center}

.sou h2 em{ display:block; font-size:16px;}



.ban2{ width:290px; height:83px; overflow:hidden; position:absolute; top:530px; left:50%; margin-left:280px;}

.ban2 h3{ width:200px;overflow:hidden; text-align:center; height:60px; padding-top:23px; background:url(../images/sou_line.gif) no-repeat right center; text-align:center;}

.ban2 h3 .a01{ display:inline-block; width:22px; height:42px; padding:0 20px; background:url(../images/ban_l.gif) no-repeat center center;}

.ban2 h3 .a01:hover{background:url(../images/ban_l2.gif) no-repeat center center;}

.ban2 h3 .a02{display:inline-block; width:22px; height:42px; padding:0 20px; background:url(../images/ban_r.gif) no-repeat center center;}

.ban2 h3 .a02:hover{background:url(../images/ban_r2.gif) no-repeat center center;}

.ban2 h5{ text-align:right; width:82px; height:83px; overflow:hidden; font:32px Arial, Helvetica, sans-serif; color:#010101; line-height:83px;}

.ban2 h5 span{ font:42px Arial, Helvetica, sans-serif; color:#f18d00;}



.td{ height:322px; padding-top:80px; overflow:hidden; background:url(../images/ban_bg.png) repeat-x center top;}

.td dl{ width:162px; float:left; margin-right:184px; overflow:hidden;}

.td dt{ width:162px; height:162px; overflow:hidden;}

.td dt img{width:141px; height:162px; margin-left:11px;}

.td dt a{ display:block;width:162px; height:162px; background:url(../images/td_bg1.gif) no-repeat center top;-webkit-transition: -webkit-transform 0.4s ease-out; 

    -moz-transition: -moz-transform 0.4s ease-out; 

    transition: transform 0.4s ease-out; }

.td dt a:hover{ background:url(../images/td_bg2.gif) no-repeat center top;-webkit-transform: rotate(360deg); 

    -moz-transform: rotate(360deg); 

    transform: rotate(360deg);}

.td dd h3{ font:18px "Microsoft YaHei"; height:50px; line-height:50px; overflow:hidden; text-align:center; color:#111; border-bottom:1px solid #ddd;}

.td dd em{ display:block; font:16px "Microsoft YaHei"; text-align:center; line-height:38px; color:#333; overflow:hidden; height:38px;}

.td .nones{ margin-right:0;}



.fen{ width:234px; height:590px; border:1px solid #bbb; border-bottom:5px solid #bbb; overflow:hidden; margin-bottom:80px;}

.fen h2{ height:94px; background:url(../images/fen_h.gif) no-repeat center top; overflow:hidden; font:24px "Microsoft YaHei"; font-weight:bold; text-align:center;}

.fen h2 a{ display:block; color:#fff; padding-top:18px;text-decoration:none;}

.fen h2 em{ display:block; font:18px Arial, Helvetica, sans-serif; text-transform:uppercase; margin-top:4px;}

.fen h3{ height:61px; overflow:hidden;}

.fen h3 a{ display:block; font:16px "Microsoft YaHei"; height:60px; background:url(../images/fen_line.gif) no-repeat center bottom; padding-left:30px; border-left:5px solid #fff; line-height:60px;}

.fen h3 a:hover,.fen .cur a{ border-left:5px solid #ff8a01; background:#f2f2f2; text-decoration:none;}

.fen .nones a{ background:none;}



.pro{ width:937px; overflow:hidden; position:relative;}

.pro dl{ height:507px; overflow:hidden; position:relative;}

.pro dt{ width:937px; height:507px; overflow:hidden;}

.pro dt img{ width:937px; height:507px;}

.pro dd{ width:450px; height:300px; overflow:hidden; position:absolute; top:115px; left:61px;}

.pro dd h3{ height:86px; background:url(../images/pro_line.gif) no-repeat left bottom; font:26px "Microsoft YaHei"; color:#333; margin-bottom:30px;}

.pro dd h3 em{ display:block; font-size:16px; margin-top:4px;}

.pro dd p{ font:14px "Microsoft YaHei"; color:#333; line-height:24px; }

.pro h4{ height:86px; border:1px solid #bbb; border-top:0; overflow:hidden;}

.pro h4 em{ display:inline-block; float:left; width:83px; font:16px "Microsoft YaHei"; line-height:86px; height:86px; background:#f4f4f4 url(../images/pro_line2.gif) no-repeat left center; padding-left:24px; color:#333;}

.pro h4 span{ display:inline-block; float:left; width:450px; font:14px "Microsoft YaHei"; line-height:27px; color:#333; height:60px; padding-top:15px; padding-left:30px;}

.pro h4 a{ display:inline-block; float:right; width:150px; height:86px; background:#ff8a01; font:16px "Microsoft YaHei"; color:#fff; padding:20px 0 0 0; text-align:center;text-decoration:none;}

.pro h4 i{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff; letter-spacing:3px; margin-top:5px;}

.pro .arr1 a{ display:block; width:33px; height:68px; overflow:hidden; background:url(../images/pro_l.png) no-repeat; position:absolute; top:215px; left:18px;}

.pro .arr1 a:hover{background:url(../images/pro_l2.png) no-repeat;}

.pro .arr2 a{display:block; width:33px; height:68px; overflow:hidden; background:url(../images/pro_r.png) no-repeat; position:absolute; top:215px; right:18px;}

.pro .arr2 a:hover{background:url(../images/pro_r2.png) no-repeat;}



.choo{ height:676px; padding-top:77px; background:url(../images/choo_bg.jpg) no-repeat center top;}

.tit1{ height:92px; overflow:hidden;}

.choo1{ margin-top:40px; overflow:hidden; height:520px; position:relative;}

.choo1 li{ width:167px; height:227px; border:1px solid #ccc; background:#fff; overflow:hidden;}

.choo1 li em{ display:block; width:63px; height:63px; margin:70px auto 40px; position:relative;}

.choo1 li em i{ display:none; width:63px; height:63px; position:absolute; top:0; left:0;}

.choo1 li b{ display:block; width:63px; height:63px;}

.choo1 li img{ display:block; width:63px; height:63px;}

.choo1 li a{ display:block; text-align:center; font:16px "Microsoft YaHei"; color:#333;}

.choo1 li a:hover,.choo1 .cur a{ color:#ff8a01; text-decoration:none;}

.choo1 li a:hover i,.choo1 .cur i{ display:block;}

.choo1 li a:hover img,.choo1 .cur a img{-webkit-transform:scale(0.9,0.9);

    -moz-transform:scale(0.9,0.9);

    -transform:scale(0.9,0.9);}

.choo1 .li01{ position:absolute; top:0; left:0;}

.choo1 .li02{ position:absolute; top:0; left:174px;}

.choo1 .li03{position:absolute; top:0; right:174px;}

.choo1 .li04{position:absolute; top:0; right:0;} 

.choo1 .li05{ position:absolute; top:235px; left:0;}

.choo1 .li06{ position:absolute; top:235px; left:174px;}

.choo1 dl{ width:504px; position:absolute; top:0; left:348px; height:463px;}

.choo1 dt{ width:504px; height:248px; overflow:hidden;}

.choo1 dt img{ width:504px; height:248px;}

.choo1 dd{ position:absolute; bottom:0; left:0; width:404px;background:url(../images/choo_bg1.png) no-repeat center top; height:230px; padding:0 50px;}

.choo1 dd h3{ font:16px "Microsoft YaHei"; font-weight:bold; color:#fff; margin-top:40px; height:30px;}

.choo1 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#fff; height:96px; overflow:hidden;}

.choo1 dd em{ display:block; margin-top:12px; height:36px; overflow:hidden;}

.choo1 dd em a{ display:inline-block; width:116px; height:32px; font:14px "Microsoft YaHei"; text-align:center; color:#fff; border:1px solid #fff; margin-right:20px; line-height:32px;}

.choo1 h5{ width:343px; height:228px; overflow:hidden; position:absolute; top:235px; right:0;}

.choo1 h5 img{width:343px; height:228px;}

.choo1 h5 em{ display:block; width:118px; height:32px; font:14px "Microsoft YaHei"; text-align:center; line-height:32px; background:#ff8a01; color:#fff; position:absolute; top:150px; right:30px; cursor:pointer;}



.wit{ height:695px; margin-top:78px; overflow:hidden;}

.wit dl{ width:380px; float:left; margin:38px 30px 0 0; overflow:hidden; background:#f4f4f4; border-bottom:5px solid #ccc; height:480px;}

.wit dt{ width:380px; height:273px; overflow:hidden; position:relative;}

.wit dt img{width:380px; height:273px; }

.wit dt em{ display:block; width:70px; height:60px; overflow:hidden; background:#333; font:24px Arial, Helvetica, sans-serif; text-align:center; color:#fff; position:absolute; top:0; left:0; padding-top:10px;}

.wit dt em i{ display:block; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase;}

.wit dt a:hover em{ background:#ff8a01;}

.wit dd{ padding:20px 20px 0 20px;}

.wit dd h3{ font:16px "Microsoft YaHei"; font-weight:bold; color:#333; height:32px; overflow:hidden;}

.wit dd h3 em{ color:#ff8a01;}

.wit dd p{ font:14px "Microsoft YaHei"; color:#555; line-height:24px; margin-top:8px;}

.wit .nones{ margin-right:0;}



.bg1{ height:543px; padding-top:82px; overflow:hidden; background:#f4f4f4;}

.faq{ width:400px; overflow:hidden; height:480px;}

.faq h2{ height:63px; overflow:hidden; background:url(../images/faq_line.gif) no-repeat left bottom; font:18px "Microsoft YaHei"; font-weight:bold;}

.faq h2 a{ color:#101010;text-decoration:none;}

.faq h2 em{ display:block; font:12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#797979;}

.faq h2 span{ display:inline-block; width:33px; height:33px;}

.faq dl{ padding:20px 0;}

.faq dt{ height:24px; overflow:hidden; font:14px "Microsoft YaHei"; background:url(../images/q.png) no-repeat left 0px; padding-left:35px; padding-bottom:12px; border-bottom:1px solid #ccc;}

.faq dt a{ color:#101010;}

.faq dd{ font:14px "Microsoft YaHei"; line-height:24px; color:#6d6d6d; background:url(../images/a.png) no-repeat left 1px; padding-left:35px; margin-top:12px;}



.dy{ width:750px; height:436px; border:2px solid #ccc; border-top:1px solid #ccc; overflow:hidden; background:#fff; position:relative;}

.dy1{ height:63px; border-bottom:1px solid #ccc; overflow:hidden;}

.dy1 li{ float:left; width:200px; height:63px; overflow:hidden; font:18px "Microsoft YaHei"; font-weight:bold; line-height:63px;}

.dy1 li a{ display:inline-block; padding-left:40px; color:#111; width:160px;}

.dy1 li a:hover,.dy1 .cur a{ color:#fff; background:#ff8a01 url(../images/dy_jt.png) no-repeat 150px center; text-decoration:none;}

.dy h5 a{ display:inline-block; font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; height:63px; line-height:63px; overflow:hidden; position:absolute; top:0; right:10px; color:#333;}

.dy dl{ width:655px; margin:32px auto 0; height:195px; overflow:hidden;}

.dy dt{ width:320px; height:168px; float:left; overflow:hidden;}

.dy dt img{ width:320px; height:168px;}

.dy dd{ width:300px; float:right; overflow:hidden;}

.dy dd h3 a{display:block; font:14px "Microsoft YaHei";height:36px; font-weight:bold; color:#ff8a01; border-bottom:1px solid #ccc; overflow:hidden; line-height:36px;}

.dy dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#6d6d6d; height:88px; overflow:hidden; margin-top:10px;}

.dy dd em a{ display:block; width:105px; height:32px; font:14px "Microsoft YaHei"; text-align:center; color:#fff; background:#ff8a01; line-height:32px;}

.dy2{width:655px; margin:0 auto;}

.dy2 li{ width:300px; float:left; font:14px "Microsoft YaHei"; line-height:38px; height:38px; overflow:hidden; padding-right:27px;}

.dy2 li a{ color:#333;}






.about2{width:643px; height:432px;overflow:hidden; background:url(../images/about_bg1.gif) no-repeat center top; position:relative; margin-right:-8px;}

.about2 h5{ margin-left:86px; height:99px; overflow:hidden;}

.about2 li{ width:525px; height:105px; margin:0 auto; font:21px "Microsoft YaHei"; font-weight:bold; color:#333; overflow:hidden;}

.about2 li em{ display:inline-block; width:55px; height:55px; font:30px Arial, Helvetica, sans-serif; text-align:center; line-height:55px; color:#fff; background:#333; float:left; margin-right:15px;}

.about2 li span{ display:block; font:14px "Microsoft YaHei"; color:#555; line-height:24px; padding-top:5px;}



.ks{ height:245px; overflow:hidden; width:1200px; margin: auto;}

.ks h2{ height:54px;}

.ks p{ height:40px; line-height:40px; overflow:hidden; position:relative;}

.ks p a{ display:inline-block; width:154px; font:14px "Microsoft YaHei"; height:40px; line-height:40px; color:#555; }

.ks p em a{ display:inline-block; width:112px; font:18px "Microsoft YaHei"; font-weight:bold; color:#000; background:url(../images/ks_jt.png) no-repeat left center; padding-left:18px; line-height:40px;text-decoration:none;}

.ks a.fr{text-decoration:none; width:50px; text-align:right; color:#ff8a01; position:absolute; top:0; right:0;}





.link{ height:99px; background:url(../images/link_bg.gif) no-repeat center top;overflow:hidden; }

.link h2{ font:18px "Microsoft YaHei"; height:99px; line-height:99px; overflow:hidden; float:left; width:180px;}

.link h2 a{ color:#fff;text-decoration:none;}

.link h2 em{ font:14px Arial, Helvetica, sans-serif; text-transform:uppercase; padding:0 0 0 8px;}

.link p{ width:1020px;margin-top: 11px; font:14px "Microsoft YaHei"; float:right; height:88px;  color:#555;}

.link p a{ color:#555; padding:0 15px; display:inline-block;}

.link p em{ font-family:"宋体";}



.faqboxs{height:30px;display:block;width:400px;}



.video a.a_video{background:url(../images/about.jpg) no-repeat;height:430px;width:1200px;display:block;}

/**/

ul.mychoose{width:1200px;margin:0 auto;}
ul.mychoose li{float:left;width:20%;text-align:center;margin:30px 0;line-height:180%}
ul.mychoose li div{width:200px;margin:0 auto;}
ul.mychoose li div h3{line-height:250%}
ul.mychoose li div p{text-align:justify; text-justify:inter-ideograph}
ul.mychoose li div img{-moz-transition: all 0.8s ease-in-out; 
-webkit-transition: all 0.8s ease-in-out; 
-o-transition: all 0.8s ease-in-out; 
-ms-transition: all 0.8s ease-in-out; 
transition: all 0.8s ease-in-out; }
ul.mychoose li:hover div img{-moz-transform: rotate(360deg); 
-webkit-transform: rotate(360deg); 
-o-transform: rotate(360deg); 
-ms-transform: rotate(360deg); 
transform: rotate(360deg); }

.part_bj{ background:url(../images/Index/part_bj.jpg) ; height:300px; overflow:hidden;}
.part_bj h2{ margin:26px auto 0; height:57px; width:1000px; text-align:center; font: bold 30px/57px "Microsoft Yahei"; line-height:150%}
.part_bj h2 a{ color:#2e374e;}

.part{ height:250px; overflow:hidden; width:1200px;margin:0 auto; }
.part span{ height:29px; width:1200px; overflow:hidden; text-align:center; font:14px/29px "Microsoft Yahei"; display:block; background:url(../images/Index/part_tl.gif) no-repeat center center;}
.part span a{ color:#767676;}

.roll1,.roll2{ margin:76px 0 0 0; display:blcok; width:16px; height:32px; overflow:hidden;}
.roll1 img,.roll2 img{width:16px; height:32px;}

.part_c{ margin:35px 0 0 34px; display:inline;}
.part_c ul li{ width:146px; height:106px; float:left; margin-right:10px; display:inline; overflow:hidden;border:1px solid #d2d2d2;background:#fff;text-align:center;position:relative;}
.part_c ul li img{ max-width:100%; max-height:100%;  padding:2px; background:#fff;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;}
.part_c ul li span{ position:absolute; top:260px; left:6px;  height:48px; width:604px; overflow:hidden; text-align:center;  display:block; color:#fff; background:url(../images/Index/cul_span.png) repeat left top;}
.part_c ul .nones{ margin-right:0px;}

.lmbt{height:72px;line-height:72px; background: url(../images/lmbg.jpg)  repeat-x center center;}
.grWidth{width:1200px; margin:0 auto;}
.btbg{ height:72px;line-height:72px; background: url(../images/btbg.jpg)  no-repeat left bottom;}
/*  精品案例

.product{padding:40px 0 0px 0;overflow:hidden;}

.product .title{text-align:center;font-size:36px;color:#222;line-height:36px;margin-bottom:20px;}

.product .title strong{color:#127737;}2020-01-16

.product .title span{display:block;font-size:14px;color:#9a9a9a;font-family:Arial;font-weight:normal;text-transform:uppercase;line-height:28px;}
 */
.proMenu{margin-bottom:15px;overflow:hidden;font-size:18px;color:#222;}

.proMenu li{float:left;background:url(../images/proMenu_line.jpg) no-repeat left center;padding:0 20px;}

.proMenu li a{color:#222;}

.proMenu li.first{padding-left:0;background:none;}

.proMenu li.on a{color:#02a2ee;}


.proMain,.proBox{height:512px;overflow:hidden;}

.proMain .left{width:374px;height:506px;overflow:hidden;position:relative;}

.proMain .left img{width:374px;height:512px;/*transform:scale(1,1);transition:all 0.5s;*/}

.proMain .left div,.proMain li div{background:url(../images/anli_hove.png)   center  center;position:absolute;bottom:0;left:0;overflow:hidden;color:#fff;width:374px;padding:0 0px;font-size:14px;height:40px;/*transition:all 0.5s;*/}

.proMain .left div h3,.proMain li h3{height:42px;line-height:40px;font-size:18px;font-weight:normal;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all 0.5s;text-align:center;background:url(../images/pro_line.jpg) no-repeat left bottom;padding-bottom:2px; }

.proMain .left .font h3 a{ color:#FFF;}

.proMain .left:hover div,.proMain li:hover div{height:100%;transition:all 0.5s;}

.proMain .left:hover div h3,.proMain li:hover div h3{text-align:left;margin-top:200px;color:#02a2ee;transition:all 0.5s;}

.proMain .left:hover img,.proMain .right li:hover img{/*transform:scale(1.1,1.1);transition:all 0.5s;*/}



.proMain .right2{width:374px;height:506px;overflow:hidden;position:relative;}

.proMain .right2 img{width:374px;height:512px;/*transform:scale(1,1);transition:all 0.5s;*/}

.proMain .right2 div,.proMain li div{background:url(../images/anli_hove.png)   center  center;position:absolute;bottom:0;left:0;overflow:hidden;color:#fff;width:374px;padding:0 0px;font-size:14px;height:40px;/*transition:all 0.5s;*/}


.proMain .right{width:786px;height:506px;overflow:hidden;}

.proMain .right ul{width:790px;}

.proMain .right li{width:378px;height:254px;overflow:hidden;position:relative;margin-right:4px;margin-bottom:4px;}

.proMain .right li img{width:378px;height:254px;transform:scale(1,1);transition:all 0.5s;}

.proMain li div {width:276px;}

.proMain li:hover div h3{margin-top:80px;}

.casedh {   height: 115px; margin-left:40px;}
 
.ib { display: inline-block; vertical-align: top; }
.casedh li { float: left; width: 210px; text-align: center; color: #fff;margin-right:20px;margin-left:25px }
.casedh a { width: 112px; height: 111px; background: url(../images/casedh.png) no-repeat; margin-bottom: 15px; border-radius: 50%; }
.casedh a:hover { background-image: url(../images/casedh_hove.png); }
.casedh .a1 on { background-position: -112px 0; }
.casedh .a2 { background-position: -112px 0; }
.casedh .a3 { background-position: -224px 0; }
.casedh .a4 { background-position: -336px 0; }
.casedh .a5 { background-position: -448px 0; }
.casedh .a6 { background-position: -560px 0; }
.casedh .a7 { background-position: -672px 0; }
.casedh .a8 { background-position: -784px 0; }
.casedh li h3 { font-size: 18px; font-weight: bold; margin-bottom: 13px; }
.casedh li p { font-family: 'simsun'; line-height: 18px; width: 136px; margin: 0 auto; }

.ys_bj{ position:relative;  height:3172px; overflow:hidden;background:url(../images/ysbg.png) center top repeat-y;width:100%;} 


.ys{ position:absolute;left:50%; top:0px; margin-left:-500px; width:1000px;height:1600px; }

.ys h2{ margin:0 auto; padding-left:46px; height:80px; overflow:hidden; color:#2e374e; font: bold 38px/47px "Microsoft Yahei"; }
.ys h2 i{ color:#2e374e; height:33px; overflow:hidden;display:block; font:16px/33px "Microsoft Yahei";} 
.ys h2 em{ color:#616161; font: bold 26px/40px "Microsoft Yahei"; display:inline-block;}
.ys h3{ width:380px; height:120px; overflow:hidden; background:url(../images/line.png) no-repeat; font:bold 36px/108px "Microsoft Yahei"; color:#000;margin:0 auto;text-align:center}

.ys dl{ width:444px; overflow:hidden;}
.ys dl dt{ margin-bottom:27px; height:72px; overflow:hidden; background:url(../images/ys_line1.gif) no-repeat left bottom; font: bold 20px/70px "Microsoft Yahei"; color:#636461;} 
.ys dl dt span{ float:left; padding-right:15px; height:70px; overflow:hidden; color:#2e374e; font: bold italic 88px/70px "Times New Roman", Times, serif ;}
.ys dl dt b{ font:bold 24px/70px "Microsoft Yahei"; color:#2e374e;}
.ys dl dd{ margin-bottom:12px; display:block; padding-left:58px; width:380px;  overflow:hidden; color:#333333; font:14px/24px "Microsoft Yahei"; background:url(../images/ys_icon1.gif) no-repeat 21px 4px;}
.ys dl dd.img1{ margin-bottom:12px; display:block; padding-left:24px; width:420px;  overflow:hidden;  background:none;}
.ys dl dd.img2{ margin-bottom:12px; display:block; padding-left:10px; width:420px;  overflow:hidden;  background:none;}
.ys dl dd.img3{ margin-bottom:12px; display:block; padding-left:0px; width:450px;  overflow:hidden;  background:none;}
.ys .ys_dl01{ position:absolute; top:130px; left:0px; }
.ys .ys_dl02{ position:absolute; top:150px; right:0px;}
.ys .ys_dl03{ position:absolute; top:650px; left:0px;}
.ys .ys_dl04{ position:absolute; top:650px; right:0px; }
.ys .ys_dl05{ position:absolute; top:1000px; left:0px;}
.ys .ys_dl06{ position:absolute; top:1100px; right:0px;}
.ys p{position:absolute; top:1617px; left:85px; width:94px; height:24px; overflow:hidden; background:#2e374e; text-align:center; display:block; font: bold 14px/24px "Microsoft Yahei";}
.ys p a{ color:#fff;width:94px; height:24px; display:inline-block;}
/*adBg1.jpg*/
.about{ padding-top:0px; background:url(../images/abbj.png) no-repeat center top ; height:674px; overflow:hidden;}
.about h3{ height:430px; margin:32px 0 58px 0; overflow:hidden;position:relative;z-index:50;}
.about h3 img{ width:1200px; height:430px;}
.about dl{ width:565px; height:470px; overflow:hidden;}
.about dd{ height:250px; overflow:hidden;}
.about dd h4 a{ display:block; font:24px "Microsoft YaHei"; font-weight:bold; color:#333; height:70px; overflow:hidden;text-decoration:none;}
.about dd p{ font:14px "Microsoft YaHei"; line-height:28px; color:#555; overflow:hidden; height:140px;}
.about dt img{ width:565px; height:169px;}
.about2{width:643px; height:432px;overflow:hidden; background:url(Img/Index/about_bg1.gif) no-repeat center top; position:relative; margin-right:-8px;}
.about2 h5{ margin-left:86px; height:99px; overflow:hidden;}
.about2 li{ width:525px; height:105px; margin:0 auto; font:21px "Microsoft YaHei"; font-weight:bold; color:#333; overflow:hidden;}
.about2 li em{ display:inline-block; width:55px; height:55px; font:30px Arial, Helvetica, sans-serif; text-align:center; line-height:55px; color:#fff; background:#333; float:left; margin-right:15px;}
.about2 li span{ display:block; font:14px "Microsoft YaHei"; color:#555; line-height:24px; padding-top:5px;}

.about_bj{ background:url(../images/case_title.png) center 70px no-repeat;height:700px; overflow:hidden;}
.about_bj h2{ margin:55px auto 50px; height:68px; overflow:hidden; font:bold 30px/44px "Microsoft Yahei"; text-align:center;color:#a30000;}
.about_bj h2 a{ color:#2e374e;}
.about_bj h2 i{ color:#a30000; display:block; font:14px/24px "Microsoft Yahei";}


.about1{ height:290px; overflow:hidden;}
.about1 dl{ width:1200px;overflow:hidden;margin:0 auto}
.about1 dl dt{ float:left;width:430px; height:275px;overflow:hidden;}
.about1 dl dt img{width:430px; }
.about1 dl dd{ float:right; width:750px; overflow:hidden;}
.about1 dl dd h3{ margin:8px auto 0; height:39px; overflow:hidden; font:bold 16px/39px "Microsoft Yahei";}
.about1 dl dd h3 a{ color:#333333;}
.about1 dl dd p{color:#333333; display:block; font:14px/180% "microsoft Yahei";}
.about1 dl dd em{ margin-top:18px; display:block; height:38px; width:330px; overflow:hidden;text-align:center;}
.about1 dl dd em a{ float:left; color:#555555; border:2px solid #2e374e; width:136px; height:34px; overflow:hidden; display:inline-block;font: bold 14px/34px "Microsoft Yahei";}
.about1 dl dd em .ab_btn2{ margin-left:33px; border:0; color:#fff; width:140px; height:38px; overflow:hidden; display:inline-block; background:#2e374e;  font: bold 14px/38px "Microsoft Yahei";}
.xc_bj{background:url(../images/abbj.jpg) no-repeat center top; height:536px; overflow:hidden;width:100%}
.xc{ height:212px; width:1200px; overflow:hidden;margin:0 auto}
.xc_roll1{margin:79px 15px 0 0; display:inline; width:16px; height:32px; overflow:hidden;}
.xc_roll2{margin:79px 0 0 0; display:inline; width:16px; height:32px; overflow:hidden;}
.xc_roll1 img,.xc_roll1 img{width:16px; height:32px;overflow:hidden; display:inline-block;}

.xc_c{ height:188px; overflow:hidden; width:1150px; margin-top:12px; display:inline;}
.xc_c ul li{width:215px; height:188px; float:left; margin-right:13px; background:#d5d5d5; display:inline; overflow:hidden;}
.xc_c ul li img{ width:215px; height:158px;}
.xc_c ul li a{ line-height:0px; height:188px; overflow:hidden; display:inline-block;}
.xc_c ul li span{height:32px; width:208px; overflow:hidden; text-align:center; font:12px/32px "microsoft Yahei"; display:block; color:#555555; }
.xc_c ul .nones{ margin-right:0px;}

.product {
    width: 100%;
    background: url(../images/bj.jpg) no-repeat bottom center #ffffff;
    padding-top: 40px;
}
.myhangyebg{ width: 100%;
    background: url(../images/bj1.jpg) no-repeat top center #fff;
    padding: 0;}

.matter {
    width: 1200px;
    margin: 0 auto;
}
.product-matter{
    width: 1200px;
    margin: 0 auto;position:relative;height:710px;
}
.product-title {
    border-bottom: 1px solid #47B111;
    height: 60px;
    line-height: 60px;
    margin-bottom: 30px;
}
.product-name {
    font-size: 20px;
    color: #999;
    margin: 0 20px;
}

.product-slogan {
    font-size: 16px;
    color: #666;
    font-weight: bold;
}

.product-title .more {
    display: inline-block;
    color: #999;
    font-size: 14px;
}

.product-title .more:hover {
    color: #1F7B3F;
}

.product-title .more span {
    color: #1F7B3F;
    font-weight: bold;
    margin-left: 5px;
}
.product-content-left {
    margin-bottom: 25px;
}

.product-content-left ul li {
    margin-bottom: 2px;
}

.product-content-left ul li a {
    position: relative;
    display: block;
    font-size: 18px;
    color: #fff;
    width: 220px;
    height: 60px;
    line-height: 60px;
    padding: 0 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: #e51539;
    background: -moz-linear-gradient(top, #e51539 0%, #C70422 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e51539), color-stop(100%, #C70422));
    background: -webkit-linear-gradient(top, #e51539 0%, #C70422 100%);
    background: -o-linear-gradient(top, #e51539 0%, #C70422 100%);
    background: -ms-linear-gradient(top, #e51539 0%, #C70422 100%);
    background: linear-gradient(to bottom, #e51539 0%, #C70422 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e51539', endColorstr='#C70422', GradientType=0);
}

:root .product-content-left ul li a {
    filter: none;
}

.product-content-left ul li.active a, .product-content-left ul li:hover a {
    color: #fefefe;
    background: #FE0000;
    background: -moz-linear-gradient(top, #FE0000 0%, #a40000 80%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FE0000), color-stop(80%, #a40000));
    background: -webkit-linear-gradient(top, #FE0000 0%, #a40000 80%);
    background: -o-linear-gradient(top, #FE0000 0%, #a40000 80%);
    background: -ms-linear-gradient(top, #FE0000 0%, #a40000 80%);
    background: linear-gradient(to bottom, #FE0000 0%, #a40000 80%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FE0000', endColorstr='#a40000', GradientType=0);
}

:root .product-content-left ul li.active a {
    filter: none;
}

:root .product-content-left ul li:hover a {
    filter: none;
}

.product-content-left ul li a span {
    font-family: '宋体';
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
}

.tab-box .product-content-right {
    width: 890px;
}

.product-content-right {
    width: 890px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.product-content-right-type {
    width: 280px;
    margin-bottom: 10px;
    margin-right: 24px;
}

.product-content-right-type:nth-child(3n) {
    margin-right: 0;
}


.tab-box .product-content-right {
    width: 890px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.tab-box .product-content-right-type {
    width: 280px;
    margin-bottom: 10px;
    margin-right: 24px;
}

.tab-box .product-content-right-type:nth-child(3n) {
    margin-right: 0;
}



.right-content-son .product-content-right {
    width: 890px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.right-content-son .product-content-right-type {
    width: 280px;
    margin-bottom: 10px;
    margin-right: 24px;
}

.right-content-son .product-content-right-type:nth-child(3n) {
    margin-right: 0;
}




.right-content .product-content-right {
    width: 890px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.right-content .product-content-right-type {
    width: 280px;
    margin-bottom: 10px;
    margin-right: 43px;
}

.right-content .product-content-right-type:nth-child(3n) {
    margin-right: 0;
}








.product-content-right-type .img {
    width: 100%;
    overflow: hidden;
    border: 1px solid #f4f4f4;
    box-shadow: 0 1px 3px #f4f4f4;position:relative;background:#fff

}

.product-content-right-type .img img {
    width: 100%;
    transition: all 0.5s;position:absolute;

top:0;

bottom:0;

left:0;

right:0;

margin:auto;
}

.product-content-right-type .img img:hover {
    transform: scale(1.1);
}

.product-content-right-type p {
    width: 100%;
    height: 62px;
    line-height: 62px;
    padding: 0 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.product-content-right-type p a {
    color: #333;
}

.product-content-right-type p a:hover {
    color: #0075bb;
}

.video {
    width: 100%;
    background: url(../images/choo_bg.jpg) top center  #f5f5f5;
    padding: 0px;
}

.video-content {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.video-content-type {
    width: 280px;
    margin-bottom: 15px;
}

.video-content-type-video {
    width: 280px;
    height: 180px;
    position: relative;background:#ffffff;
	-moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
    box-shadow: 3px 3px 4px #ccc;
    /* For IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc')";
    /* For IE 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#cccccc');
}

.video-content-type-video video {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

.video-content-type-video .video-shade {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.video-content-type-video .play {
    position: absolute;
    cursor: pointer;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.video-content-type-video:hover .video-shade {
    display: block;
}

.video-content-type p {
    width: 260px;
    font-size: 16px;
    color: #333;
    height: 54px;
    line-height: 54px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;text-align:center
}
.headline {
    width: 170px;
    height: 59px;
}

.headline p {
    display: inline-block;
    text-align: center;
    width: 165px;
    height: 59px;
    line-height: 59px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    background: #47B111;
    background: -moz-linear-gradient(top, #47B111 0%, #1F7B3F 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #47B111), color-stop(100%, #1F7B3F));
    background: -webkit-linear-gradient(top, #47B111 0%, #1F7B3F 100%);
    background: -o-linear-gradient(top, #47B111 0%, #1F7B3F 100%);
    background: -ms-linear-gradient(top, #47B111 0%, #1F7B3F 100%);
    background: linear-gradient(to bottom, #47B111 0%, #1F7B3F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47B111', endColorstr='#1F7B3F', GradientType=0);
}

ul.myhangye{width:1200px;margin:0 auto;margin-top:40px;}
ul.myhangye li{width:378px;height:254px;float:left;overflow:hidden;margin-bottom:5px;position:relative;margin-right:30px;}
ul.myhangye li:nth-child(3n){margin-right:0px}
ul.myhangye li img{width:100%;height:100%;position:absolute;-webkit-transition-duration: 0.4s; /* Safari */

    transition-duration: 0.4s;}
ul.myhangye li h2{position:absolute;top:100px;left:30%;color:#fff;-webkit-transition-duration: 0.4s; /* Safari */

    transition-duration: 0.4s;}
ul.myhangye li:hover img{-moz-opacity:0.68 !important; filter:alpha(opacity=68); opacity: 0.68;  _-moz-opacity:0.68;}
ul.myhangye li:hover h2{color:#FEFD05}

ul.myhangye li div.font{background:url(../images/anli_hove.png)   center  center;position:absolute;bottom:0;left:0;overflow:hidden;color:#fff;width:374px;
padding:0 0px;font-size:14px;height:40px;/*transition:all 0.5s;*/}
ul.myhangye  li:hover div.font{height:100%;transition:all 0.5s;}

.case{background:url(../images/case_title.png) center no-repeat;height:160px;overflow:hidden}
.case_toP{height:150px}
.case h1{text-align:center;padding-top:17px;color:#d51234;font-size:33px;font-family:impact}
.case h2{text-align:center;padding-top:5px;color:#000;font-size:25px;font-weight:700}
.case a{text-align:center;color:#b3b3b3;font-size:12px}.case a:hover{color:#d51234}
.video-left{width:590px;margin:0 auto;padding-bottom:20px;}


.Title-group {
	padding:0 0 40px 0;
	overflow:hidden;
	text-align:center;
}
.Title-group h2 {
	margin:0;
	font-size:26px;
	font-weight:100;
	line-height:40px;
	height:40px;
	padding:5px 0;
	text-align:center;
	color:#ccc;
}
.Title-group h2 span {
	display:inline-block;
	padding:0;
}
.Title-group p {
	font-size:16px;
	line-height:30px;
	color:#888;
}
.Title-group .animate-btn {
	float:right;
}
.Title-group .animate-btn a {
	margin:5px;
}


.Title-group h2.title-sub {
	font-size:44px;
	color:#fff;
	height:90px;
	font-weight:100;
}
.Title-group h2 .c-black {
	color:#000;font-weight:bold
}
.Title-group h2.title-sub span {
	display:block;
	font-size:22px;
	opacity:0.87;
}
.Title-group p.sub-tit {
	font-size:22px;
	color:#fff;
}
.c-red {
	color:#dd4250;
}

.animate-btn a {
	display:block;
	text-indent:-9999px;
	width:40px;
	height:40px;
	border-radius:50%;
	box-shadow: 0 0 0 1px rgba(136,136,136,1);
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.animate-btn a:hover {
	background-color: rgba(221,66,80,1);
	color: #fff;
	box-shadow: 0 0 0 3px rgba(221,66,80,0.3);
}
.animate-btn a.qq {
	background:url(../images/icons_40.png) no-repeat 0px 0px;
	box-shadow: 0 0 0 1px rgba(221,66,80,1);
}
.animate-btn a:hover.qq {
	background:url(../images/icons_40.png) #dd4250 no-repeat 0px -40px;
	box-shadow: 0 0 0 3px rgba(221,66,80,0.3);
}
.animate-btn a.mail {
	background:url(../images/icons_40.png) no-repeat 0px -80px;
}
.animate-btn a:hover.mail {
	background:url(../images/icons_40.png) #dd4250 no-repeat 0px -120px;
}
.animate-btn a.all {
	background:url(../images/icons_40.png) no-repeat 0px -160px;
}
.animate-btn a.all:hover {
	background:url(../images/icons_40.png) #dd4250 no-repeat 0px -200px;
}


.title{
	font-size:35px;
	color:#D51234;
	text-align:center;
	padding:50px 0 30px 0;
 	}
.title b{
 	font-size:12px;
	color:#666;
	line-height:16px;
	display:inline-block;
	padding:10px 0 0 0;
	margin-bottom:-10px;
	}
.title span{
	display: inline-block;
	line-height:40px;
 	position:relative;
	padding:0 6%;
	font-weight:BOLD;
    }
.title span:before{
	width:100%;
	height:1px;
	background:#333;
	position: absolute;
	left:0;
	right:0;
	content:'';
	bottom:-20px;
	 
	}
.title span:after{
	display:block;
	overflow:hidden;
	content:'';
	background:#333;
	border:10px solid #fff;
	position:absolute;
	left:50%;
	width:4px;
	bottom:-32px;
	height:4px;
	border-radius:100%;
	margin-left:-12px;
	}
.infoText{
	text-align:center;
	color:#434343;
	font-size:16px;
	padding:0 10px;
	}
.case1{ width:259px; overflow:hidden;}
.case1 h2{ background:url(../images/case_h.gif) no-repeat center top; height:74px; text-align:center; padding-top:20px;}
.case1 h2 a{color:#fff}
.case1 h2 em{ display:block; font:18px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fff;}
.case1 h3{ height:40px; overflow:hidden; font:14px "Microsoft Yahei"; font-weight:bold; line-height:40px; margin-bottom:1px;}
.case1 h3 a{ display:block; height:40px; background:#f5f5f5; color:#333; padding-left:30px;}
.case1 h3 em{ display:block; float:right; width:34px; background:#e2e2e2; height:40px; line-height:40px; text-align:center;}
.case1 h3 em img{ vertical-align:middle; margin-top:12px;}
.case1 h3 a:hover,.case1 .cur a{ color:#fff; background:#bfbfbf; text-decoration:none;}
.case1 h3 a:hover em,.case1 .cur em{ background:#c9c9c9;}
.case1 p{ font:20px "Microsoft Yahei"; color:#fff; background:url(../images/left_2.jpg) no-repeat; padding-top:72px;padding-bottom:38px;text-align:center}
.case1 p em{ display:block; font:38px Arial, Helvetica, sans-serif; color:#fff;margin-top:10px}